<template>
  <div class="hello">
     <input v-model="inputValue"  @keyup.enter="send" class="text">
     
  </div>
</template>

<script>
import bus from '../bus'
export default {
  name: 'HelloWorld',
  data () {
    return {
      inputValue:"按回车确认"
    }
  },
  methods:{
    // add:function(){
    //this.list.push(this.inputValue)
    // },
    send:function(){
      bus.$emit("tolist",this.inputValue);
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    .text{
      width: 500px;
      height:30px ;
      }
</style>
